<link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>/public/js/flexigrid/css/flexigrid.pack.css"/>
<script src="<?php echo base_url();?>/public/js/flexigrid/js/flexigrid.pack.js" type="text/javascript"></script>
<h3 id="h4-titulo">Control Interno</h3>   <br>

<script>
    $(document).ready(function(){
       // solicitudes();
        limpiarDetalles();
    });
</script>  

<table class="datosDatagrip" ></table>
 
<br><br>

<div class="detalle"></div>

<script>
    $('.datosDatagrip').flexigrid({
       url:'<?php echo site_url() ?>/controlInternoControler/data/',
        dataType: 'json',
        colModel : [
          {display: 'ID', name :'IdCompania', width : 50, sortable : true, align: 'left'},
          {display: 'REFERENCIA', name :'NombreCompania', width : 200, sortable : true, align: 'left'},
          {display: 'Servicio', name :'IdServicio', width : 100, sortable : true, align: 'center'},
          {display: 'TIPO DE SERVICIO', name :'clasificacion_servicios', width :100, sortable : true, align: 'center'},
          {display: 'Etapa', name :'idUltimaEtapa', width : 70, sortable : true, align: 'left'},
          {display: 'Telefono', name :'Telefono1Compania', width : 100, sortable : true, align: 'left'},
          {display: 'Contacto', name :'Contacto', width : 100, sortable : true, align: 'left'},
          {display: 'Email', name :'EmailCompania', width : 100, sortable : true, align: 'left'},
          {display: 'Usuario', name :'IdUsuario', width : 100, sortable : true, align: 'left'},
          {display: 'Semafaro Etapa', name :'semafaro', width : 100, sortable : true, align: 'center'},
          {display: 'Semafaro Seguimiento', name :'semafaro-seguimiento', width : 100, sortable : true, align: 'center'}
        ],
        
        searchitems : [
            {display: 'Detalle', name :'NombreCompania', isdefault: true},
            {display: 'Contacto', name :'Contacto'},
            {display: 'Email', name :'EmailCompania'},
            {display: 'ID', name :'IdCompania'},
            {display: 'CLASIFICACION', name :'clasificacion_servicios'},
            {display: 'Telefono', name :'Telefono1Compania'},
            {display: 'FECHA - AAAA-MM-DD', name :'FechaSysCompania'},
            
        ],

         buttons : [
            {name: 'Agregar', bclass: 'add', onpress:agregar},
            {separator: true},
        ],

        title: "<h3 id=\"firma\">Firma & Datos</h3>",
        sortname: 'IdCompania',
        sortorder: 'asc',
        multiselect: false,
        usepager: true,
        showTableToggleBtn: true,
        rp: 10,
        useRp: true,
        width: 'auto',
        height: 'auto',
        resizable: false,
        multidatagrip:cargarDetalles,
        multidatagripL:limpiarDetalles
    })
    
     function agregar(){
        
        
         var id = $(".trSelected #IdCompania div").html(); 
	    
        if(id > 0){
       
            window.location.href = _site_url+"/etapastrx/addInterno/";
        }else
        {
            alert("Seleccione Un Campo");
        }
       
       
    }
    
    
    function cargarDetalles(){
  
        var id = $(".trSelected #IdCompania div").html(); 
	    
        if(id < 1){
       
            return;
        }
        
        $(".detalle").load("<?php echo site_url() ?>/controlInternoControler/loadSegundoGrid/", {id:id});  
    }

    function limpiarDetalles(){
        $(".detalle").load("<?php echo site_url() ?>/controlInternoControler/loadSegundoGrid/", {id:"NULL"});
    }
    
</script>




<style>
    
    #h4-titulo
    {
        display: block;
        text-align: center;
        background-color: #06B014 ;
        color: white;
        font-weight: bold;
        border-radius: 2px 2px 2px 2px;
        padding: 6px 12px;
    }
    
    #firma
    {
        text-align: center;
    }
    
    
</style>